<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>REST doc</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/admin/css/pearForm.css}"/>
    <style>
        @font-face {
            font-family: "Roboto";
            src: url("/restdoc/font/Roboto-Regular.ttf");
        }

        body {
            font-family: Roboto, serif;
        }
    </style>
</head>
<body>

<div class="layui-container" style="width: 100%;height: 100%">
    <div class="layui-row" style="width: 100%">
        <ul class="layui-nav layui-bg-green" lay-filter="" style="font-size: 17px">
            <li class="layui-nav-item">REST Doc</li>
            <li class="layui-nav-item layui-this"><a href="javascript:void(0)" onclick="restdocPage(this)">REST API
                Explorer</a>
            </li>
            <li class="layui-nav-item layui-this"><a href="javascript:void(0)" onclick="projectPage(this)">Project</a>
            </li>
            <li class="layui-nav-item"><a href="">My Team</a></li>
            <li class="layui-nav-item"><a href="">社区</a></li>
        </ul>
    </div>
</div>

<iframe id="container" style="width: 100%;height: 900px ;margin-bottom: 0" src="" frameborder="0"></iframe>

<script th:src="@{/layui/layui.js}"></script>
<script th:src="@{/admin/js/jquery.js}"></script>
<script>
    function restdocPage(obj) {
        $("#container").attr("src", "/restdoc/docs");
        return false;
    }

    function projectPage(obj) {
        $("#container").attr("src", "/restdoc/project/view");
        return false;
    }

    layui.use('element', function () {
        var element = layui.element;
    });
</script>
</body>
</html>